<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta charset="UTF-8">
        <title>登录页面</title>
        <link rel="stylesheet" href="../layui/css/layui.css">
        <link rel="stylesheet" href="../css/loginCss/login.css">
    </head>
    <body>
        <div class="container">
            <div id="Outerbody">

                <div class="leftBody">
                    <div class="leftOne">财务管理系统</div>
                </div>

                <div class="rightBody">
                    <div class="box1">
                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                            <ul class="layui-tab-title" style="padding-top: 20px">
                                <li class="layui-this" style="color: cornflowerblue; font-weight: 600;margin-left: 100px;">用户登录</li>
                                <li></li>
                                <li style="color: cornflowerblue; font-weight: 600;">快速登录</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div class="rightOne" style="margin-top: -50px">
                                            <h1>Welcome to</h1>
                                            <form class="layui-form" action="/javascript:;">
                                                <div class="rightTwo" style="width: 400px">
                                                    <h3>账号</h3>
                                                    <div class="layui-form-item">
                                                        <div class="layui-input-block" style="width: 400px; height:50px ; margin-left: 0px">
                                                            <input class="layui-input" name="userAccount" required lay-verify="required" placeholder="请输入账号" autocomplete="off"  >
                                                        </div>
                                                    </div>
                                                    <h3 style="margin-top: -20px" >密码</h3>
                                                    <div class="layui-form-item">
                                                        <div class="layui-input-block" style="width: 400px; height:50px ; margin-left: 0px">
                                                            <input class="layui-input" type="password" name="userPwd" required lay-verify="required" placeholder="请输入密码" autocomplete="off"  >
                                                        </div>
                                                    </div>
                                                    <div class="rightBottom01">
                                                        <a href="#" style="color: #9F9F9F;">忘记密码?</a>
                                                    </div>
                                                    <div class="rightBottom02">
                                                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="login" style="width: 400px; font-size: 20px">登录</button>
                                                    </div>
                                                    <div class="rightBottom03">
                                                        <a href="register.html" style="color: blue">没有账号？   去注册</a>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                </div>
                                <div class="layui-tab-item"></div>
                                <div class="layui-tab-item">
                                    <div class="rightOne" style="margin-top: -50px">
                                            <h1>Welcome to</h1>
                                            <form class="layui-form" action="/javascript:;">
                                                <div class="rightTwo" style="width: 400px">
                                                    <h3>手机号</h3>
                                                    <div class="layui-form-item">
                                                        <div class="layui-input-block" style="width: 400px; height:50px ; margin-left: 0px">
                                                            <input class="layui-input" name="userPhone" required lay-verify="required" placeholder="请输入手机号" autocomplete="off">
                                                            <div style="margin-top: -30px; margin-left: 310px">
                                                                <button style="color:blue ; border: hidden; background-color: white" id="getMsm">获取验证码</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <h3 style="margin-top: -20px" >验证码</h3>
                                                    <div class="layui-form-item">
                                                        <div class="layui-input-block" style="width: 400px; height:50px ; margin-left: 0px">
                                                            <input class="layui-input" type="password" name="yzm" required lay-verify="required" placeholder="请输入验证码" autocomplete="off"  >
                                                        </div>
                                                    </div>
                                                    <div class="rightBottom01">
                                                        <a href="#" style="color: #9F9F9F;">忘记密码?</a>
                                                    </div>
                                                    <div class="rightBottom02">
                                                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="ksLogin" style="width: 400px; font-size: 20px">登录</button>
                                                    </div>
                                                    <div class="rightBottom03">
                                                        <a href="/register" style="color: blue">没有账号？   去注册</a>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </body>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/loginJs/login.js"></script>
</html>